<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

  <html>

  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <title>DisSim</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link href="./css/style.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="./css/arss.css?v" rel="stylesheet" type="text/css" media="screen" />
    <!-- <link rel="stylesheet" type="text/css" href="css/jquery.autocomplete.css" /> -->
    <!-- <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" /> -->
  </head>


  <body>
    <!--  logo and menu -->
    <%@include file="menu.jsp"%>

      <!-- end #header-wrapper -->
      <div id="page">
        <div id="content">
          <div class="post">
            <h2 class="title">Exploring Similarity Degree</h2>

          </div>

          <form id="myform" name="topSearch">
            <!-- <form id="myform" name="topSearch" onsubmit="return checkValues()" action="TopSearch" method="post"> -->

            <!------------------- step 1 ---------------->
            <div class="container">
              <div class="post sec">

                <h2 class="title">Select Parameters</h2>
                <h3 class="mytitle">Step 1. Select two disease's ids.</h3>

                <p class="byline">
                  Disease ID: <a href="./FileResource/bp_tree.txt" target="_Blank" class="txt" onMouseOut="this.style.textDecoration='underline'" onMouseOver="this.style.textDecoration='none'">
								bp_terms' id</a>
                  <a href="./FileResource/cc_tree.txt" target="_Blank" class="txt" onMouseOut="this.style.textDecoration='underline'" onMouseOver="this.style.textDecoration='none'">
								cc_terms' id</a>
                  <a href="./FileResource/do_tree.txt" target="_Blank" class="txt" onMouseOut="this.style.textDecoration='underline'" onMouseOver="this.style.textDecoration='none'">
								do_terms' id</a>
                  <br /> Input two disease ids to calculate the Similarity Degree
                  <i> <font>For Example: <a
							style="text-decoration: underline; color: #EB1D1D;"
							onMouseOut="this.style.textDecoration='underline'"
							onMouseOver="this.style.textDecoration='none'"
							onclick="$('#searcharea1').val('regulation of T-helper 17 type immune response');$('#searcharea2').val('negative regulation of T-helper 17 type immune response');">
								regulation of T-helper 17 type immune response</a>
								and 
							<a style="text-decoration: underline; color: #EB1D1D;"
							onMouseOut="this.style.textDecoration='underline'"
							onMouseOver="this.style.textDecoration='none'"
							onclick="$('#searcharea1').val('regulation of T-helper 17 type immune response');$('#searcharea2').val('negative regulation of T-helper 17 type immune response');">
								negative regulation of T-helper 17 type immune response</a>
					</font></i>
                </p>
                <div class="search">
                  Term1: <input type="text" name="id1" id="searcharea1" autocomplete="off" placeholder="Please Input Item ID" /> Term2: <input type="text" name="id2" id="searcharea2" autocomplete="off" placeholder="Please Input Item ID" />
                </div>
              </div>

              <div class="post sec" id="parentPanel">
                <h3 class="mytitle">Step2. Select threshold of similarities between diseases.</h3>
                <p class="byline">Select adjusted p-value of similarities for threshold.</p>
                <div class="search">
                  <font id="panel_font"> <input type="radio" name="pvalue" checked="checked" value="Rss" /> Rss
                  </font>
                  <font id="panel_font"> <input type="radio" name="pvalue" value="ARss" /> ARss
                  </font>
                </div>
                <input type="submit" name="Submit" value="&nbsp;&nbsp;Execute&nbsp;&nbsp;it&nbsp;&nbsp;" class="btn blue_2" />
              </div>

            </div>

            <!--- step 3 -->
            <div class="container" id="resultPanel">
              <div class="post sec">
                <hr>
                <h2 class="title">Result</h2>
                <!-- <p class="byline">The result of the Algorithm is :</p> -->
                <!-- <input type="text" id="result" placeholder="Result"> -->
                <p id="result">Result show at Here!</p>
              </div>
              <a id="graphlink" href="NetworkGraph.jsp?id1=GO:0016321&id2=GO:0030970">Show
						NetworkGraph</a>
            </div>
            <!--- step 3 -->
          </form>

        </div>
        <!-- end #content -->
        <div style="clear: both;">&nbsp;</div>
      </div>
      <%@include file="foot.jsp"%>
        <!-- end #footer -->
  </body>

  <script src="js/jquery-3.2.1.js" type="text/javascript"></script>
  <script src="js/bootstrap-typeahead.js"></script>
  <script src="js/itemsData.js"></script>
  <script src="js/arss.js?v"></script>

  </html>